<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>新世界</title>
    <link rel="stylesheet" href="css/style.css"
</head>
<body>
    <div id="header">
        <div class="logo" id="top">
            <img src="images/task_1_7_1_03.gif" alt="新世界logo">
            <p>新世界</p>
        </div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">最新活动</a></li>
                <li><a href="#">项目介绍</a></li>
                <li><a href="#">爱心社区</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </div>
        <div class="sign">
            <img src="images/task_1_7_3_03.gif">
            <a href="#">登录</a>
        </div>
    </div>
    <div id="wrapper">
        <div class="content1">
            <div class="imgWord">
                <img src="images/task_1_7_1_02.gif">
               <div class="word">
                    <p>Time of new life</p>
                   <p>新时代，年轻的人们让我们一起<br>体验新生活，享受新生活</p>
                   <button type="button">开始体验</button>
               </div>
            </div>
            <div class="icon">
                <div class="icon1">
                    <img src="images/task_1_7_1_20.gif">
                    <div class="box">
                        <p>打造全新世界观，让你更<br>爱你的生活</p>
                    </div>
                </div>
                <div class="icon1">
                    <img src="images/task_1_7_1_22.gif">
                    <div class="box">
                        <p>丰富多彩的公益活动，发<br>挥新世界的主人公意识</p>
                    </div>
                </div>
                <div class="icon1">
                    <img src="images/task_1_7_1_24.gif">
                    <div class="box">
                        <p>时尚的新理念，超前体验<br>未知的生活</p>
                    </div>
                </div>
                <div class="icon1">
                    <img src="images/task_1_7_1_26.gif">
                    <div class="box box1">
                        <p>完美的培养机制，培养你<br>全新的世界观</p>
                    </div>
                </div>
            </div>
        </div>
         <div class="content2">
            <div class="imgWord">
                <img src="images/2.jpg">
                <p>关于新世界，你不知道的还有什么</p>
            </div>
            <div class="imgWord2">
                <div class="word">
                    <h2>查找新世界活动信息</h2>
                    <hr>
                    <p>每个城市有不同的活动信息，请自主查询你所需要的城市</p>
                </div>
                <div class="form">
                  <div class="select select1">
                      <img src="images/3.jpg">
                        <p>中国</p>
                      <div class="country">
                          <ul>
                              <li><img src="images/4.jpg"><a href="#">美国</a></li>
                              <li><img src="images/4.jpg"><a href="#">日本</a></li>
                              <li><img src="images/4.jpg"><a href="#">朝鲜</a></li>
                          </ul>
                      </div>
                  </div>
                    <div class="select select2">
                        <img src="images/3.jpg">
                        <p>省份</p>
                        <div class="province">
                            <ul>
                                <li><img src="images/4.jpg"><a href="#">北京市</a></li>
                                <li><img src="images/4.jpg"><a href="#">天津市</a></li>
                                <li><img src="images/4.jpg"><a href="#">河北省</a></li>
                                <li><img src="images/4.jpg"><a href="#">陕西省</a></li>
                                <li><img src="images/4.jpg"><a href="#">天内蒙古自治区</a></li>
                                <li><img src="images/4.jpg"><a href="#">辽宁省</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="select select3">
                        <img src="images/3.jpg">
                        <p>城市</p>
                        <div class="city">
                            <ul>
                                <li><img src="images/4.jpg"><a href="#">南京市</a></li>
                                <li><img src="images/4.jpg"><a href="#">苏州市</a></li>
                                <li><img src="images/4.jpg"><a href="#">无锡市</a></li>
                                <li><img src="images/4.jpg"><a href="#">南通市</a></li>
                                <li><img src="images/4.jpg"><a href="#">无锡市</a></li>
                            </ul>
                        </div>
                    </div>
                   <button type="button" class="button">搜索</button>
            </div>
        </div>
            </div>
            <div class="content3">
                <div class="image image1">
                    <img src="images/task_1_7_1_05_05.gif" alt="图片">
                    <p class="p1">北京活动</p>
                    <p class="p2">新社区大联盟</p>
                </div>
                <div class="image image2">
                    <p class="p1">上海活动</p>
                    <p class="p2">夜上海新景观探索</p>
                    <img src="images/task_1_7_1_051_05.gif">
                </div>
                <div class="image image3">
                    <img src="images/task_1_7_12_03.gif">
                    <p class="p1">深圳活动</p>
                    <p class="p2">全新海岸线观点站</p>
                </div>
                <div class="image image4">
                    <img src="images/task_1_7_11_05.gif">
                    <p class="p1">香港活动</p>
                    <p class="p2">奢侈消费大派送</p>
                </div>
            </div>
           <div class="content4">
                <div class="top">
                    <img src="images/task_1_7_13_02.gif">
                    <div class="word">
                        <h2>新世界</h2>
                        <h1>TIME</h1>
                        <p>@新世界-北京<br>2016.04.01</p>
                    </div>
                    <div class="caret">
                    </div>
                    <div class="right">
                        <h3>新世界/<span>01</span></h3>
                        <p>新世界是个新世界新世界是个新世界新世界是个新世界
                            <br>新世界是个新世界新世界是个新世界新世界是个新世界
                            <br>新世界是个新世界新世界是个新世界新世界是个新世界
                            <br>新世界是个新世界新世界是个新世界
                        </p>
                        <button type="button">更多详情</button>
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
               <div class="bottom">
                    <div class="left">
                        <p>新时代<br>关于爱生活的我们</p>
                        <hr>
                        <button>查看更多</button>
                    </div>
                   <div class="center">
                       <p>新时代<br>关于爱生活的我们</p>
                       <hr>
                       <button>查看更多</button>
                   </div>
                   <div class="right">
                   </div>
               </div>
           </div>
            <div class="content5">
                <div class="top">
                    <h2>成为我们的志愿者</h2>
                    <hr>
                    <p>新世界的大家庭需要每一个爱生活的人的加入，如果你够年轻，有梦想，有激情<br>
                    那就不要犹豫，快来加入我们，成为改变所有人生活的人。</p>
                </div>
               <div class="bottom">
                    <div class="left">
                        <h2>新世界志愿者协议</h2>
                        <p>加入新世界志愿者的人员必须遵守中华人民共和国的
                            <br>相关法律法规，并且本着平等资源的原则......</p>
                        <a><span>∨</span>more</a>
                        <h2>新世界志愿者权利</h2>
                        <p>新世界志愿者享受新世界内部所有资源共享的权利，并
                            <br>且享受所在四新世界活动的优先参与资格</p>
                        <a><span>∨</span>more</a>
                        <h2>更多条款</h2>
                        <a><span>∨</span>more</a>
                    </div>
                   <div class="right">
                      <div class="name">
                            <label>姓名：</label>
                           <input type="text" name="name">
                      </div>
                       <div class="age">
                           <label>年龄：</label>
                           <input type="text" name="age">
                       </div>
                       <div class="tel">
                           <label>联系方式：</label>
                           <input type="text" name="tel">
                       </div>
                       <div class="address">
                           <label>联系地址：</label>
                           <input type="text" name="address">
                       </div>
                       <div class="life">
                           <label>请简单描述你想要的生活：</label>
                           <textarea name="life"></textarea>
                       </div>
                       <button type="button">提交申请</button>
                   </div>
               </div>
            </div>
            <div class="content6">
                 <h2>联系我们</h2>
                <p>为了更好的获取我们最新的产品咨询，您可以留下您的电子邮箱快速订阅我们的产品资讯
                <br>也可以通过以下任何方式关注我们动态</p>
                <form>
                    <input type="text" placeholder="someone@email.com">
                    <button type="button">提交</button>
                </form>
                <ul>
                    <li><a href="#"><img src="images/task_1_7_21_03.gif"></a></li>
                    <li><a href="#"><img src="images/task_1_7_21_05.gif"></a></li>
                    <li><a href="#"><img src="images/task_1_7_21_08.gif"></a></li>
                    <li><a href="#"><img src="images/task_1_7_21_10.gif"></a></li>
                </ul>
            </div>
     </div>
    <div id="footer">
        <p>@2016新世界</p>
        <a href="#top">Back to top</a>
    </div>
</body>
</html>